<%@page import="com.sse.VO.EventoVO"%>
<html>
<head>
	<script type="text/javascript" src="<%=request.getContextPath() + "/js/jquery-1.6.1.min.js"%>"></script>
	<script type="text/javascript" src="<%=request.getContextPath() + "/js/jquery.tablesorter.min.js"%>"></script>
	<LINK href="<%=request.getContextPath() + "/estilo/style.css"%>" rel="stylesheet" type="text/css"> 
	<title>
		Reporte
	</title>
	<%@ page import="java.util.ArrayList" %>
	<%@ page import="java.lang.Integer" %>
	<%@ page import="com.sse.VO.EventoVO" %>
	<%@ page import="com.sse.sensor.TipoSensor" %>
	
</head>
	<body>
		<form action='<%=request.getContextPath() + "/index.jsp"%>' method="post">
			<p align="center">
				<%
					ArrayList<EventoVO> datos = (ArrayList<EventoVO>)request.getAttribute("datos");
					int paginas = (Integer)request.getAttribute("paginas");
					int paginaActual = (Integer)request.getAttribute("paginaActual");
				%>
				<table id="myTable" class="tablesorter" width="30%">
					<thead>
						<tr>
							<th>
								FECHA
							</th>
							<th>
								INMUEBLE
							</th>
							<th>
								ID SENSOR
							</th>
							<th>
								TIPO SENSOR
							</th>
							<th>
								EVENTO
							</th>
							<th>
								TAG ID
							</th>
							<th>
								DESCRIPCION
							</th>
							<th>
								ES ALERTA
							</th>
						</tr>
					</thead>
					<tbody>
						<%
							for(int i=0;i<datos.size(); i++){
								out.println(
										"<tr>"+
											"<td>" + datos.get(i).getFecha() 		  + "</td>"+
										    "<td>" + datos.get(i).getCodigoInmueble() + "</td>"+
										    "<td>" + datos.get(i).getCodigoSensor()   + "</td>"+
										    "<td>" + TipoSensor.TipoSensorEnum.getEnum(datos.get(i).getTipoSensor()) 	  + "</td>"+
										    "<td>" + datos.get(i).getCodigoEvento()   + "</td>"+
										    "<td>" + datos.get(i).getCodigoTagId()    + "</td>"+
										    "<td>" + datos.get(i).getDescripcion()    + "</td>"+
										    "<td>" + datos.get(i).EsAlerta() 		  + "</td>"+
										"</tr>"
										);
							} 
						%>
					</tbody>
				</table>
			</p>
			<p align="center">
				<%
				int adicionales = 5;
				for (int i=0; i<paginas; i++){
					
					if (i == paginaActual-adicionales-1){
						out.println("<a href=" + request.getContextPath() + "/Reporteador?pagina=" + (i+1) + ">...</a>&nbsp;&nbsp;");
					}
						
					if (i == paginaActual){
						out.println(i + "&nbsp;&nbsp;");
					}else if (i > paginaActual-adicionales && i < paginaActual + adicionales){
						out.println("<a href=" + request.getContextPath() + "/Reporteador?pagina=" + i + ">"+ i + "</a>&nbsp;&nbsp;");
					}
					
					if (i == paginaActual + adicionales){
						out.println("<a href=" + request.getContextPath() + "/Reporteador?pagina=" + (i) + ">...</a>&nbsp;&nbsp;");
					}
				}
				%>
			</p>
			
			<p align="center">
				<input type="submit" value="Volver" />
			</p>
		</form>
		<script language="javascript">
			$(document).ready(function() { 
			    // call the tablesorter plugin 
			    $("table").tablesorter({ 
			        // sort on the first column and third column, order asc 
			        sortList: [[0,0],[2,0]] 
			    }); 
			});  
		</script>
	</body>
</html>